{% extends 'proyectos/base.html' %}

{% block panelizq %}
    <h3>Contenido</h3>
    <ul class="menuv-dropdown dropdown-vertical" id="nav">
        <li class="item-102"><a href="/proyectos/">Mis Proyectos</a></li>
        <li class="item-102"><a href="/grupos/">Mis Grupos</a></li>
        <li class="item-119 current active"><a href="/grupos/crear/">Crear Grupo</a></li>
    </ul>
{% endblock panelizq %}

{% block content %}
	<div id="contact_wrap">
		<div id="contact" class="round clearfix">
			<div id="contact-form">
				<h2 style="text-align: center;">Crear Grupo</h2>
				<form action="/grupos/crear/" method="POST">
					{% csrf_token %}
					{{ form.as_table }} <br/>
					<input type="submit" value="Crear Grupo" style="margin-left: 100px;"/>
					<input type="button" onclick="location.href='/proyectos'" style="margin-left: 120px;" value="Volver"/>
				</form>

			</div>
		</div>
	</div>

    <script type="text/javascript">
        $("#id_miembros").sexyselect({showTitle:false,allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple',width:330});
    </script>
{% endblock content %}
